<template>
    <div class="bos">
    <!-- 国内总区域 -->
    <div class="recruit">
   <!-- 版心区域 -->
   <div class="center">
    <!-- 头部区域 -->
   <div class="top">
   {{ list.fatherId }}
   </div>
   <van-divider />
   <!-- 底部区域 -->
   <div class="bottom">
    <!-- 标题区域 -->
    <div class="title">
      {{ list.newsTitle }}
    
    </div>
    <!-- 内容区域 -->
    <div class="context">
         {{ list.newsOffice }}
       
        </div>
   </div>
   </div>
    </div>
   
  </div>
  </template>
  
  <script>

  import {newsTitle} from "@/api/index"
  export default {
    data(){
     return {
    list:[]
  }
    },
    
     //招聘标题查看详情
   mounted(){
    newsTitle(this.$route.query.id).then((res)=>{
   
      if(res.data.code==200){
        // console.log(res.data.data);
        this.list=res.data.data
      }
    })
      },
    methods:{
      
    }
  }
  </script>
  
  <style scoped>
    /* 大盒子区域 */
    .bos{
      width: 100%;
      min-height: 1rem;
      padding-bottom: .55rem;
      background-color: #f0eff5;
    }
   
    /* 招聘总区域 */
    .recruit{
      /* min-height: 4rem; */
      display: flex;
      margin-top: .1rem;
      justify-content: center;
    padding-bottom: 2px;
    }
    /* 版心区域 */
    .center{
      width: 95%;
      height: 100%;
     background-color: white;
     border-radius: .1rem;
    }
    /* 头部区域 */
    .top{
      height: .4rem;
      display: flex;
      justify-content: center;
      margin-top:.1rem;
      font-size: .25rem;
      color: #5c5d7b;
    }
    
    /* 底部区域 */
    .bottom{
      width: 100%;
     
    
    }
    .title{
      width: 100%;
      height: .3rem;
      line-height: .3rem;
      font-size: .18rem;
   text-align: center;
}
     /* 内容区域 */
     .context{
    width: 100%;
     
    font-size: .2rem;
    word-wrap:break-word; 
    word-break:break-all; 
    overflow: hidden;
    flex-wrap: wrap;

    }
  </style>